<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue.js过滤器</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="box">
        <h1>{{msg|sum|code}}</h1>
    </div>
    <script>
        /*
            过滤器的调用：
            数据|过滤器名称
            过滤器的串联：过滤器在没有冲突的前提下，是可以进行串联使用的
        */
        Vue.filter('sum',function(val){//val需要处理的值
            return "hello "+val;
        });
        Vue.filter('code',function(val){//val需要处理的值
            return "￥￥￥ "+val;
        });
        var vm=new Vue({
            el:"#box",
            data:{
                msg:"lily"
            },
            methods:{

            }
        })
    </script>
</body>
</html>